<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>sign up</title>
	<link rel="stylesheet" href="./public/css/reset.css">

</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div class="container">
		<section class="reset-password-container">
			<h2 class="reset-title">修改密码</h2>

			<form class="reset-form" id="resetForm">
				<!-- 邮箱 -->
				<div class="form-group">
					<label class="form-label">邮箱</label>
					<input type="email" class="form-control" id="email" placeholder="请填写邮箱">
				</div>

				<!-- 验证码 -->
				<div class="form-group">
					<label class="form-label">验证码</label>
					<div class="code-group">
						<input type="text" class="form-control code-input" id="code" placeholder="请输入邮箱验证码">
						<button type="button" class="code-btn" id="sendCodeBtn">发送邮箱验证码</button>
					</div>
				</div>

				<!-- 新密码 -->
				<div class="form-group">
					<label class="form-label">新的密码</label>
					<input type="password" class="form-control" id="password" placeholder="请输入新密码">
				</div>

				<!-- 确认密码 -->
				<div class="form-group">
					<label class="form-label">确认密码</label>
					<input type="password" class="form-control" id="repassword" placeholder="请再次输入新密码">
				</div>

				<!-- 提交按钮 -->
				<div class="form-group">
					<button type="button" class="submit-btn" id="submitBtn">修改</button>
				</div>
			</form>
		</section>

	</div>
	<div id="footer"></div>


	<!-- jQuery和自定义脚本 -->
	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/common.js"></script>
	<script src="./public/js/reset.js"></script>
</body>

</html>